﻿<%@ page contentType="text/html;charset=UTF-8" %>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="layout" content="plantilla_4">
    <title><g:message code="login.auth.titulo"/></title>
  </head>
<body><table width="100%" border="0"  bgcolor="#000000">
  <tr>
    <td height="1"></td>
  </tr>
</table>

    <br/><br/>
    <form width="40%"   action="auth" method="POST"  name="fomulario" style="background-image:url( ${createLinkTo(dir:'images/',file:'container2.png')});background-position: top center; background-repeat:no-repeat;">
      <g:if test="${respuesta}">
        <div class="${estilo}">${respuesta}</div>
      </g:if>
      <table   height="150px" align="center" >
        <tr height="60px">
          <td></td>
        </tr>
        <tr>
          <td>
            <label><g:message code="login.auth.usuario" /></label>          </td>
          <td>
            <input class="campos" style="width:170px" name="usuario" autocomplete="off" />          </td>
        </tr>
        <tr>
          <td>
            <label><g:message code="login.auth.password" /></label>          </td>
          <td>
            <input type="password" class="campos" style="width:170px"  name="password" />          </td>
        </tr>
        <tr  align="center">
          <td colspan="2" >
        <g:submitButton name="login" value="${message(code:'login.auth.submit')}" class="boton" />        </td>
        </tr>
        <tr  align="center">
          <td colspan="2" >&nbsp;</td>
        </tr>
        <tr  align="center">
          <td colspan="2" >&nbsp;</td>
        </tr>
      </table>
      <input type="hidden" name="flag" value="1"/>
    </form>
    <br/>
    <br/>
    <table width="900" align="center">
      <tr>
        <td width="300">
          <img src="${createLinkTo(dir:'images/',file:'comunidades.png')}" alt="" width="300" height="191" border="0" usemap="#Map"/>        </td>

        <td width="300" style="background-image:url(${createLinkTo(dir:'images/',file:'pensamientos.png')}); background-position:center; background-repeat:no-repeat;">
          <div id="rotando" style="height:100px;margin:0px auto;font-family: tahoma, 'Trebuchet MS', sans-serif, verdana;font-size:12px; color:#444444; text-align:center; width:280px" ></div>
        </td>
        <td width="300" style="background-image:url(${createLinkTo(dir:'images/',file:'enlaces.png')}); background-position:center; background-repeat:no-repeat; height:210px;">
          <table width="200" border="0" align="center">
            <tr>
              <td align="center"> 
                <div id="rotator">
                  <a href="http://www.misionsucre.gob.ve/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'logo1.png')}" alt="01" border="0" />
                  </a>
                  <a href="http://www.mppeu.gob.ve/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'logo2.png')}" alt="02" border="0" />
                  </a>
				  </a><a href="http://aldea24dejulio.sytes.net/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'pagina_link.jpg')}" alt="05" border="0" />
                  </a>
                  <a href="http://www.chavez.org.ve/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'logo3.png')}" alt="03" border="0" />
                  </a><a href="http://www.mppeu.gob.ve/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'logo4.png')}" alt="04" border="0" />
                  </a>
				  </a><a href="http://aldea24dejulio.sytes.net/" target="_blank">
                    <img src="${createLinkTo(dir:'images',file:'pagina_link.jpg')}" alt="05" border="0" />
                  </a>
                </div>
              </td>
            </tr> 
          </table>        
        </td>
      </tr>
    </table>
<script type="text/javascript">
      window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
      var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
      var indice = 0;
      rotar();
    </script>

<map name="Map">
  <area shape="rect" coords="8,66,61,106" href="http://www.facebook.com/profile.php?id=100003570709405" target="_blank">
  <area shape="rect" coords="80,65,133,105" href="https://twitter.com/#!/Aldea24dejulio" target="_blank">
  <area shape="rect" coords="152,65,204,105" href="https://www.youtube.com/user/msaldea24dejulio" target="_blank">
  <area shape="rect" coords="226,63,279,104" href="mailto:aldea24dejulio@gmail.com" target="_blank">
</map>
</body>
</html>


